<template>
  <div>

			<div>
				<img :src="src" alt="">
			</div>

				<table>
					<tr>
						<td>
							用户头像:
						</td>
						<td>
							<input type="file" @change='upload'>
						</td>
					</tr>
				</table>

  </div>
</template>
<script>

export default {
  data () {
    return {
		msg: "这是一个变量",
		src:'',

    }
  },

  mounted:function(){

},
  methods:{

	  //定义提交事件
	  upload:function(e){
			//获取文件
			let file = e.target.files[0];
			//声明表单参数
			let param = new FormData();

		// 三个参数文件的key  文件的实体  文件名
			param.append('file',file,file.name);
      //声明请求头
			let config ={headers:{'Content-Type':'multipart/form-data'}};

		  //请求后台接口
		  this.axios.post('http://127.0.0.1:8000/uploadtu/',param,config).then((result)=>{

				console.log(result);
				this.src = "http://localhost:8000/static/upload/"+ result.data.filename


			})

	  }
  }
}
</script>
<style>

</style>
